.header {
    width: 16rem;
    height: 2rem;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
}

.header .search {
    display: block;
    width: 15rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 0.2rem;
    background-color: #efefef;
    color: #898989;
    font-size: 0.6rem;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
    float: left;
}

.header .search img {
    width: 1rem;
    height: 1rem;
    margin-top: 0.3rem;
    margin-left: 0.5rem;
    float: left;
}

.header .search:active {
    background-color: #e1e1e1;
}

.header .search label {
    width: 13rem;
    overflow: hidden;
    white-space: nowrap;
    float: right;
    margin-left: 0.25rem;
    line-height: 1.6rem;
}

.list {
    width: 16rem;
    height: 1.51rem;
    float: left;
    border-bottom: 1px solid #e0e1e1;
}

.list .list-ul .list-li {
    width: 3.16rem;
    height: 1.51rem;
    float: left;
    text-align: center;
    line-height: 1.51rem;
    color: #666666;
    font-size: .425rem;
    cursor: pointer;
}

.list .list-ul .list-li:active {
    background: #e5e6e6;
}

.list .list-ul .list-li span {
   float: right;
   color: #e5e6e6;
   font-size: .425rem;
   line-height: 1.51rem;
}

.list .list-ul .list-li.arrange img {
   width: .625rem;
   height: .65rem;
   margin-top: .4rem;
   margin-left: 1.5rem;
}

.list .list-ul .list-li.list-cur {
   color: #e50038;
}

.list .list-ul .list-li span {
   float: right;
   color: #cccccc;
   font-size: .65rem;
}

.list .list-ul .list-li.cost {
   position: relative;
}

.list .list-ul .list-li .arrow {
   width: 0.5rem;
   height: 0.5rem;
   position: absolute;
   right: 0.7rem;
   top: 0.5rem;
}

.list .list-ul .long-string {
   width: 1px;
   height: .5rem;
   margin-top: .5rem;
   background: #cccccc;
}

.paging {
   float: left;
   width: 16rem;
   height: 2rem;
   border-top: 1px solid #e0e1e1;
   border-bottom: 1px solid #e0e1e1;
   background: #f7f8f8;
}

.paging p {
   font-size: .45rem;
   line-height: 2rem;
   color: #b5b5b6;
}

.paging .prev {
   margin-left: 3rem;
   padding: 0 .5rem;
}

.paging .prev:active {
   background: #e5e5e5;
}

.paging .prev p {
   text-align: center;
}

.paging .prev span {
   margin-right: .45rem;
}

.paging .pagination {
   width: 3.5rem;
}

.paging .pagination p {
   text-align: center;
}

.paging .next {
   /*margin-left: 1.5rem;*/
    padding: 0 .5rem;
}

.paging .next:active {
    background: #e5e5e5;
}

.paging .next p {
    text-align: center;
}

.paging .next span {
    margin-left: .45rem;
}

p.color-cur {
    /*color: #E50038;*/
    color: #666666;
}

.content-1 {
    width: 16rem;
    overflow: hidden;
    margin-bottom: 1px;
}

.content-list {
    width: 16rem;
    height: 4.3rem;
    float: left;
    border-bottom: .15rem solid #f7f8f8;
}

.content-list:active {
    background: #f7f8f8;
}

.content-list .content-img {
    width: 3.75rem;
    height: 3.75rem;
    margin-top: .275rem;
    margin-left: .6rem;
}

.content-list .content-img img {
    width: 3.75rem;
    height: 3.75rem;
}

.content-list .content-title {
    width: 9.35rem;
    height: 4.3rem;
    margin-right: .6rem;
    position: relative;
}

.content-list .content-title .title {
    margin-top: .9rem;
}

.content-list .content-title .title p {
    font-size: .5rem;
    color: #898989;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.contener {
    width: 9.35rem;
}

.contener p.integral {
    color: #E50038;
    font-size: .6rem;
    position: absolute;
    left: 0;
    bottom: .7rem;

}
.contener p.integral-1 {
    color: #898989;
    font-size: .5rem;
    position: absolute;
    left: 0;
    bottom: 1.5rem;

}

.contener .collect {
    height: .475rem;
    position: absolute;
    right: 0;
    bottom: .9rem;
}

.contener .collect img {
    width: .475rem;
    height: .475rem;
    float: left;
}

.contener .collect p {
    float: right;
    color: #c9caca;
    font-size: .35rem;
    line-height: .475rem;
}

.scroll-top {
    width: 1.5rem;
    height: 1.5rem;
    position: fixed;
    right: .35rem;
    bottom: 2.5rem;
    display: none;
}

.scroll-top img {
    width: 1.5rem;
    height: 1.5rem;
}

.content-2{
    background-color: #f7f8f8;
    float: left;
    padding-bottom: .25rem;
    margin-bottom: 1px;
}

.loading{
    overflow: hidden;
    width: 16rem;
    height: 2rem;
}
.loading p{
    font-size: .5rem;
    text-align: center;
    line-height: 2rem;
    color: #898989;
}


/***************************/

.list .screen {
    position: relative;
}

.list .screen img {
    width: .45rem;
    height: .45rem;
    position: absolute;
    top: .56rem;
    left: 2.1rem;
}

/*.main {
	position: relative;
}*/

.screen-window {
    width: 14rem;
    height: 100%;
    overflow:hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
    display: none;
}
.screen-window .screen-content{
    width: 14rem;
    height: 100%;

    background: #FFFFFF;
    position: absolute;
    top: 0;right: 0;
    z-index: 99999;
}

.screen-window .screen-content .section .section-title{
    margin-top: .5rem;
    width: 13.5rem;
    height: 2rem;
    padding-left: .5rem;
    font-size: .6rem;
    color: #333;
    line-height: 2rem;
    border-bottom:1px solid #F2F2F2 ;
}
.screen-window .screen-content .section .section-nav{
    overflow: hidden;
    margin-top: 1rem;
    margin-left: .5rem;
}
.screen-window .screen-content .section .section-nav ul li{
    float: left;
    margin-right: .5rem;
    margin-bottom: 1rem;
    width: 4rem;
    height: 1.5rem;
    border-radius:.2rem ;
    background: #f2f2f2;
    text-align: center;
    color: #666;
    line-height: 1.5rem;
    font-size: .525rem;
}
.screen-window .screen-content .section .section-nav ul li:active{
    background: #e5e5e5;
}

.screen-window .screen-content .hunt{
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    width: 13.5rem;
    height: 1.5rem;
    padding-left: .5rem;
    margin: 0 auto;
    overflow: hidden;
}
.screen-window .screen-content .hunt .minimum{
    float: left;
    width: 6rem;
    height: 1.5rem;
    border-radius:.2rem ;
    background: #f2f2f2;
    text-align: center;
    color: #666;
    font-size: .525rem;
    font-family: "微软雅黑";
}
.screen-window .screen-content .hunt .hunt-line{
    float: left;
    width: .6rem;
    height: .75rem;
    border-bottom: 1px solid #999999;
    margin-left: .2rem;
    margin-right: .2rem;
}
.screen-window .screen-content .hunt .highest{
    float: left;
    width: 6rem;
    height: 1.5rem;
    border-radius:.2rem ;
    background: #f2f2f2;
    text-align: center;
    color: #666;
    font-size: .525rem;
    font-family: "微软雅黑";

}
.screen-window .screen-content .screen-btn{
    position: absolute;
    right: 0;bottom: 0;
    width: 14rem;
    height: 2.2rem;

}
.screen-window .screen-content .screen-btn a.colse-btn{
    float: left;
    display: block;
    width: 7rem;
    height: 2.2rem;
    font-size: .6rem;
    text-align: center;
    line-height: 2.2rem;
    color: #333333;
    background: #FFFFFF;
    border-top:1px solid #F2F2F2 ;
}

.screen-window .screen-content .screen-btn a.colse-btn:active{
    background: #F2F2F2;
}
.screen-window .screen-content .screen-btn a.confirm-btn{
    float: left;
    display: block;
    width: 7rem;
    height: 2.2rem;
    font-size: .6rem;
    text-align: center;
    line-height: 2.2rem;
    color: #FFFFFF;
    background: #ee0909;
}
.screen-window .screen-content .screen-btn a.confirm-btn:active{
    background: #ff5757;
}

.screen-shade{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 250;
    display: none;
}
.close-window{
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 999999;

}
.close-window:active{
    background: #F2F2F2;
}
.close-window img{
    width: 2rem;
    height: 2rem;
}
#txt_historyIntegral{
    line-height: 2rem;
    font-size: .6rem;
    color: #EF6F66;
    margin-left: .5rem;
}